$control-mobmdctrl: (
  text-color: getCssVar(color, text, 0),
  hover-bg-color: getCssVar(color, primary),
  active-bg-color: #d1d1d5,
  active-color: getCssVar(color, bg, 1),
  img-width: getCssVar(width-icon, extra-large),
  img-radius: getCssVar(border-radius, extra-small),
  padding: getCssVar(spacing, base) 0 getCssVar(spacing, base) getCssVar(spacing, base),
  group-padding: getCssVar(spacing, tight) getCssVar(spacing, base),
  group-font: getCssVar(font-size, regular),
  icon-color: #a0a5aa,
  group-caption-color: #9a9b9f,
  load-more-font-size: getCssVar(font-size, small),
  font-size: getCssVar(font-size, header-5),
  right-icon-margin-right: rem(21px),
);

@include b(control-mobmdctrl) {
  @include set-component-css-var(control-mobmdctrl, $control-mobmdctrl);
  --van-cell-font-size: #{getCssVar(control-mobmdctrl, font-size)};

  height: 100%;

  .van-list {
    height: 100%;

    .van-cell {
      padding: getCssVar(control-mobmdctrl, padding);
    }
  }

  .van-cell__right-icon {
    margin-right: getCssVar(control-mobmdctrl, right-icon-margin-right);
    color: getCssVar(control-mobmdctrl, icon-color);
  }

  .van-cell--clickable:active {
    color: inherit;
  }

  .van-cell::after {
    width: 100%;
  }

  @include b(control-panel) {
    height: auto;
  }
}

@include b(control-mobmdctrl-item) {
  @include set-component-css-var(control-mobmdctrl, $control-mobmdctrl);

  @include when(active) {
    // background-color: getCssVar(control-mobmdctrl, active-bg-color);
  }

  @include m(right) {
    margin-right: getCssVar(control-mobmdctrl, right-icon-margin-right);
  }
}

@include b(control-mobmdctrl-image) {
  @include set-component-css-var(control-mobmdctrl, $control-mobmdctrl);

  width: getCssVar(control-mobmdctrl, img-width);
  margin-right: getCssVar(control-mobmdctrl, padding);
  border-radius: getCssVar(control-mobmdctrl, img-radius);
}

@include b(control-mobmdctrl-group-caption) {
  @include set-component-css-var(control-mobmdctrl, $control-mobmdctrl);

  padding: getCssVar(control-mobmdctrl, group-padding);
  font-size: getCssVar(control-mobmdctrl, group-font);
  color: getCssVar(control-mobmdctrl, group-caption-color);
}

@include b(control-mobmdctrl-load-more) {
  display: flex;
  justify-content: center;
  padding: getCssVar(spacing, tight);
  font-size: getCssVar(control-mobmdctrl, load-more-font-size);
  color: getCssVar(color, text, 2);

  span {
    padding: getCssVar(spacing, extra, tight) getCssVar(spacing, base);
    border: 1px solid getCssVar(color, border);
    border-radius: getCssVar(border, radius, full);
  }
}
